<template>
  <div>
    <div class="w-screen h-[44px] bg-[#F3F5FA]"></div>
    <div class="text-[14px] text-gray-500 leading-10 px-[346px]">
      湖北省 - 中国 2025-09-09 星期二 七月十八 乙巳年 蛇 30.50N, 114.34E
    </div>
    <div class="flex gap-6 items-center px-[346px]">
      <div>洪山区</div>
      <Tabs :option="menu" v-model="activeUrl" />
    </div>
    <RouterView />
  </div>
</template>
<script setup>
import { ref } from "vue";
import Tabs from "./components/Tabs.vue";

var menu = [
  { path: "/weather", name: "天气" },
  { path: "/weather30", name: "30天预报" },
  { path: "/rainfall", name: "降水" },
  { path: "/air-quality", name: "空气质量" },
  { path: "/disaster-warning", name: "灾害预警" },
  { path: "/life-index", name: "生活指数" },
  { path: "/historical-data", name: "历史数据" },
];
var activeUrl = ref("/weather");

</script>
